<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link type="text/css" rel="stylesheet" href="<c:url value='/bootstrap/css/bootstrap-ko.css'/>" />
<link type="text/css" rel="stylesheet" href="<c:url value='/css/font.css'/>" />
<title>Insert title here</title>
<link type="text/css" rel="stylesheet" href="<c:url value='/css/login.css'/>" />
</head>

<body>
	 <div class="login_index_background">
		 <div class="login_index_content">
			<img src="<c:url value='/images/login/login_logo.png'/>" class="login_logo"/>
			<img src="<c:url value='/images/login/login_letter.png'/>" class="login_letter">
			<div class="login_fail_msg">
				<span>이메일 또는 비밀번호가 일치하지 않습니다. 입력한 내용을 다시 확인해 주세요.</span>
			</div>
			<input type="text" id="user_id" class="user_id">
			<div class="login_question_account_div">
					<img src="<c:url value='/images/login/login_question_account.png'/>" class="login_question_account_img"/>
					<div>
						<span>ChatGrab계정은 모든 ChatGrab와</span>
						<span>연결된 이메일 형식의 아이디 입니다.</span>
						<span style="color:#3dc694;">ChatGrab계정 찾기</span>
					</div>
			</div>
			<div class="login_index_question">
		 		<img src="<c:url value='/images/login/login_question.png'/>" class="login_question"/>
		 	</div>
			<input type="password" id="user_pw" class="user_pw" onkeydown="javascript:if(event.keyCode==13){loginUser(); return false;}">
			<div class="login_retain">
				<img src="<c:url value='/images/radio.png'/>" class="custom_radio_private"/><span>로그인 상태 유지</span>
			</div>
			<div class="login_button" onClick="loginUser()">
				<div class="login_button_background">
					<span>로그인</span>
				</div>
			</div>
			<div class="login_type">
				<div class="login_type_facebook">
					<img src="<c:url value='/images/login/login_index_type_facebook.png'/>"/>
					<span>로그인</span>
				</div>
				 <div class="login_type_twitter">
					<img src="<c:url value='/images/login/login_index_type_twitter.png'/>"/>
					<span>로그인</span>
				</div>
			
				 <div style="clear: both; width:100%; height:10px;">
				</div>
				<div class="login_type_google">
					<img src="<c:url value='/images/login/login_index_type_google.png'/>"/>
					<span>로그인</span>
				</div>
				
				<div class="login_type_kakao">
					<span class="login_type_kakao_header">카카오톡</span>
					<span class="login_type_kakao_login_font">로그인</span>
				</div> 
			
			
			</div>
			
			<div class="login_subMenu">
				<span onClick="javascript:location.href='joinUserSelect.do'">회원가입</span>
				<span>|</span>
				<span onClick="javascript:location.href='accountFind.do'">ChatGrab 계정찾기</span>
				<span>|</span>
				<span>비밀번호찾기 </span>
			</div>
		 </div>
	 </div>
	 <script src="<c:url value='/js/serverFuntionSet.js'/>"></script>
	 <script src="<c:url value='/js/function.js'/>"></script>
</body> 
</html>